"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Base;

var _design = require("@discuzq/design");

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function title() {
  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '导航';
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, name), /*#__PURE__*/_react.default.createElement("span", {
    style: {
      float: 'right'
    }
  }, Math.ceil(Math.random() * 1000)));
}

function Base() {
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: 'flex'
    }
  }, /*#__PURE__*/_react.default.createElement(_design.Card, {
    style: {
      width: '330px',
      height: '500px',
      overflow: 'scroll'
    },
    bordered: true,
    header: "\u5355\u9009"
  }, /*#__PURE__*/_react.default.createElement(_design.Menu, {
    defaultOpeneds: ['1', '2'],
    defaultSubmenuActives: ['1'],
    defaultActives: ['1-1']
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "3"
  }, title('全部')), /*#__PURE__*/_react.default.createElement(_design.Menu.SubMenu, {
    index: "1",
    title: title('官方动态')
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-1"
  }, "\u9009\u98791"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-2"
  }, "\u9009\u98792"), /*#__PURE__*/_react.default.createElement(_design.Menu.ItemGroup, {
    title: title('分组')
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-3"
  }, "\u9009\u98793"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-4"
  }, "\u9009\u98794"))), /*#__PURE__*/_react.default.createElement(_design.Menu.SubMenu, {
    index: "2",
    title: title('使用交流')
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "2-1"
  }, "\u9009\u98791"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "2-2"
  }, "\u9009\u98792"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "2-3",
    disabled: true
  }, "\u9009\u98793")))), /*#__PURE__*/_react.default.createElement(_design.Card, {
    style: {
      width: '330px',
      height: '500px',
      overflow: 'scroll'
    },
    bordered: true,
    header: "\u591A\u9009"
  }, /*#__PURE__*/_react.default.createElement(_design.Menu, {
    defaultOpeneds: ['1', '2'],
    defaultSubmenuActives: ['1'],
    defaultActives: ['1-1', '1-2'],
    multiple: true
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "3"
  }, title('全部')), /*#__PURE__*/_react.default.createElement(_design.Menu.SubMenu, {
    index: "1",
    title: title('官方动态')
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-1"
  }, "\u9009\u98791"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-2"
  }, "\u9009\u98792"), /*#__PURE__*/_react.default.createElement(_design.Menu.ItemGroup, {
    title: title('分组')
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-3"
  }, "\u9009\u98793"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "1-4"
  }, "\u9009\u98794"))), /*#__PURE__*/_react.default.createElement(_design.Menu.SubMenu, {
    index: "2",
    title: title('使用交流')
  }, /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "2-1"
  }, "\u9009\u98791"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "2-2"
  }, "\u9009\u98792"), /*#__PURE__*/_react.default.createElement(_design.Menu.Item, {
    index: "2-3",
    disabled: true
  }, "\u9009\u98793")))));
}